<template>
  <div class="loginInfo" style="font-size: 0.8vw; margin: 8%">
    <div style="text-align: center;">{{ systemName }}</div>
    <div id="info">
      <p v-for="(item, index) in info" style="text-indent: 2em">
        {{ item }}
      </p>
    </div>
  </div>
</template>
<script>
export default {
  name: "loginInfo",
  data: function () {
    return {
      systemName: "Activity管理系统",
      info: [
        "Activiti是一个轻量级的工作流和业务流程管理（BPM）平台，面向业务人员，开发人员和系统管理员。"+
        "它的核心是用于Java的超快速，坚固的BPMN 2流程引擎。 它是开源的，并根据Apache许可进行分发。 "+
        "Activiti可以在任何Java应用程序，服务器，群集或云中运行。 它与Spring完美集成，非常轻巧，基于简单的概念。",
      ],
    };
  },
  methods: {
    /**
     * 添加info信息
     */
    addInfo: function () {
      var html = "";
      for (var i = 0; i < vm.info.length; i++) {
        html += "<p>" + vm.info[i] + "</p>";
      }
      document.getElementById("info").innerHTML = html;
    },
  },
};
</script>